﻿@model shop.SanPham

@{
    ViewBag.title = Model.TenSP;
}
<ul class="breadcrumb" >
    <li>
        <a style="color: #028599;" href="/" title="Trang chủ">Trang chủ</a>
        <span class="divider">/</span>
    </li>
    <li><a href="#" title=""><span class="trailCurrent" style="color: #028599;">Danh mục sản phẩm</span></a><span class="divider">/</span></li>

    <li class="active">@Html.Action("GetTenDanhMuc", "Partial", new { MaDM = Model.MaDM })</li>
</ul>
<form method="get" action="#" name="prodform" id="prodform" onsubmit="return validateLogoForm()">
    <div class="product-view2">
        <div class="product-essential row">
            <div class="product-img-box span4">
                <p class="product-image product-image-zoom" style="border-radius: 10px;width:300px; ">
                    <a class="fancybox product-image" title="PortwestGlasgow Bodywarmer" href="/images/sanpham/@Model.HinhAnh" style="border:none;">
                        <img style="width:83%; margin:auto;" class="prodimg" alt="Click to enlarge image of  PortwestGlasgow Bodywarmer" src="/images/sanpham/@Model.HinhAnh">
                    </a>
                </p>
                <div class="shareButton">
                    <!-- Go to www.addthis.com/dashboard to customize your tools -->
                    <div class="addthis_sharing_toolbox"></div>
                    <!-- Go to www.addthis.com/dashboard to customize your tools -->
                    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-542a12206342c472" async></script>
                    <!-- AddThis Button END -->
                </div>
                <!-- shareButton -->
                <div class="box1">
                    <div class="price-box">
                        <span class="regular-price">
                            <span class="price">@String.Format("{0:0,0 đ}", @Model.Gia)</span>
                            (@String.Format("{0:0,0 đ}", @Model.Gia * 10 / 100) VAT)
                        </span>

                    </div>
                </div>
                <!--box1-->
            </div>
            <!-- product-image box -->

            <div class="product-shop span8">
                <div class="product-name">
                    <h1>@Model.TenSP</h1>
                </div>

                <span class="pull-left">Mã sản phẩm: <strong>@Model.MaSP</strong></span>&nbsp;
                <span>Danh mục:</span> @Html.Action("GetTenDanhMuc", "Partial", new { MaDM = Model.MaDM })
                <span>Thương hiệu:@Html.Action("GetTemThuongHieu", "Partial", new { MaTH = Model.MaTH })</span>
                <div class="long-description row">
                    <div class="span5">
                        @*@Model.NoiDung*@
                        @Html.Raw(Model.NoiDung)
                    </div>
                </div>

                <br />
                <a onclick="location.href='@Url.Action("Addtocart", "Cart", new { idnum = Model.ID, name = Model.TenSP, image = Model.HinhAnh, qty = 1, price = 100000,mau="Xanh",size="x" }, null)'">
                    <img src="/images/DatMua.png" style="width:170px" />
                </a>

                <!--*** Options start-->
                <div id="product-view">
                    <div id="middle2">


                        <div id="colour-pickercont">
                            <div class="steptab3">Bước1</div>
                            <div id="colour-picker">
                                <i>
                                    <h3>Màu</h3>
                                </i>
                                <div class="colourthumbs">
                                    <ul>
                                        @Html.Action("GetSanPhamMau", "Partial", new { MaSP = Model.MaSP })
                                    </ul>
                                    @*<script type="text/javascript" src="./LONG-HA-KD-2_files/jquery.colorSelector.js"></script>*@
                                    <div style="clear: both; margin: 0;"></div>
                                </div>
                                <!-- colourthumbs -->

                            </div>
                            <!-- colour-picker -->
                        </div>
                        <!-- colour-pickercont -->
                        <div id="size-pickercont">
                            <div class="steptab2">Bước2</div>
                            <div id="size-picker">
                                <div class="hidden-phone">
                                    <i>Chọn size cho sản phẩm</i><br>
                                </div>
                                <h3>Size</h3>
                                <div style="clear: both; margin: 0;"></div>

                                <ul id="sizes" onclick="CngClassSize();">

                                    @Html.Action("GetKichThuoc", "Partial", new { MaSP = Model.MaSP })

                                </ul>

                                <div style="clear: both; margin: 0;"></div>
                            </div>
                            <!-- size-picker -->
                        </div>
                        <!-- size-pickercont -->
                    </div>
                    <!-- middle2 -->

                    <div id="quantitycont">
                        <div class="steptab4">Bước3</div>
                        <div id="quantity">
                            <div>
                                <i>Chọn số lượng</i><br>
                                <h3>Số lượng</h3>
                                <input id="quant" value="1" name="qty" type="text">
                            </div>
                        </div>
                        <!-- quantity -->
                    </div>
                    <!-- quantitycont -->
                </div>
                <!-- product view -->
            </div>
            <!-- product-shop span8 -->
        </div>
        <!-- product-essential row -->        
        <div class="row hidden-phone">
            <div class="span12">
                <div class="box-collateral box-up-sell">
                    <h2>SẢN PHẦM KHÁC</h2>

                    <ul id="upsell-product-table" class="products-grid row">

                        @Html.Action("SanPhamNgauNhien", "Partial")
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--product-view-->
</form>
